@include mmaedia("mob") {

    // main{
    //     background: rgba(102, 102, 102, 0.1) !important;
    // }
    .association_profile {

        .as_profile {
            border: 0;
            width: 100%;
            margin-top: .625rem;
            display: flex;
            flex-direction: column;
            box-sizing: border-box;

            .as_introduction {
                box-sizing: border-box;
                background-color: #fff;
                margin-bottom: .9375rem;
                padding: 0 .9375rem;

                h4 {
                    margin-top: .625rem;
                    height: .75rem;
                    font-family: SourceHanSansCN;
                    font-weight: 400;
                    font-size: .75rem;
                    color: #999999;
                    line-height: .75rem;
                    opacity: 0.4;
                }

                h2 {
                    margin-top: .625rem;

                    height: 1rem;
                    font-family: SourceHanSansCN;
                    font-weight: bold;
                    font-size: 1rem;
                    color: #333333;
                    line-height: 1rem;
                }

                h3 {
                    margin-top: .9375rem;

                    height: .75rem;
                    font-family: SourceHanSansCN;
                    font-weight: bold;
                    font-size: .75rem;
                    color: #0B77E5;
                    line-height: .75rem;
                }

                p {
                    width: 100%;
                    margin-top: .375rem;

                    // height: 11.5rem;
                    font-family: SourceHanSansCN;
                    font-weight: 400;
                    font-size: .375rem;
                    color: #999999;
                }
            }

            div {
                 width: 90%;
                height: 6.5rem;
                margin: 0 auto;
                background: #0B77E5;
                img {
                    width: 90%;
                    max-height: 25.125rem;
                }
            }


        }


        .as_leaders_bg {
            height: auto;
            // background-color: rgba(102, 102, 102, 0.1);
            .as_leaders {
                width: 90%;
                margin: 0 auto;

                h4 {
                    padding-top: 1.4375rem;
                    width: 11.25rem;
                    font-family: SourceHanSansCN;
                    font-weight: 400;
                    font-size: .75rem;
                    color: #999999;
                    line-height: .75rem;
                    opacity: 0.4;
                }

                h2 {
                    margin-top: .3125rem;
                    width: 9.6875rem;
                    font-family: SourceHanSansCN;
                    font-weight: bold;
                    font-size: 1rem;
                    color: #333333;
                    line-height: 1rem;
                }

                .leaders {
                    margin-top: .3125rem;
                    padding-bottom: .625rem;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;

                    div {
                        width: 45%;
                        margin-top: .9375rem;
                        img {
                            display: inline-block;
                            width: 100%;
                            height: 6.625rem;
                            background: #0B77E5;
                        }

                        h3 {
                            margin-top: .3125rem;
                            width: 100%;
                            font-family: SourceHanSansCN;
                            font-weight: bold;
                            font-size: .875rem;
                            color: #0B77E5;
                        }

                        p {
                            width: 100%;
                            font-family: SourceHanSansCN;
                            font-weight: 400;
                            font-size: .5rem;
                            color: #333333;
                            line-height: .5rem;
                        }
                    }
                }


            }


        }

        .as_photo {
            width: 90%;
            margin: 0 auto;
            position: relative;

            // background-color: #333333;
            h3 {
                margin-top: .625rem;
                width: 9.6875rem;
                height: .75rem;
                font-family: SourceHanSansCN;
                font-weight: 400;
                font-size: .75rem;
                color: #999999;
                line-height: .75rem;
                opacity: 0.4;
            }

            h2 {
                margin-top: .5rem;
                width: 10.3125rem;
                height: 1rem;
                font-family: SourceHanSansCN;
                font-weight: bold;
                font-size: 1rem;
                color: #333333;
                line-height: 1rem;
            }

            .arrow_photos {
               

                .arrow {
                    margin-top: 2%;
                    width: 100%;
                    display: flex;
                    justify-content: space-between;

                    span {
                        display: none;
                       
                    }

                   
                }

                .photos {
                    // margin-top: -13%;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;

                    div {
                        width: 44%;
                        height: 7.75rem;
                        background: #0B77E5;
                        margin-bottom: .625rem;
                    }
                }
            }
        }

        .as_down {
            padding-top: .625rem;
            width: 90%;
            margin: 0 auto;
            box-sizing: border-box;

            h4 {
                width: 100%;
                height: .75rem;
                font-family: SourceHanSansCN;
                font-weight: 400;
                font-size: .75rem;
                color: #999999;
                line-height: .75rem;
                opacity: 0.4;
                // color: #0B77E5;
            }

            h2 {
                margin-top: .625rem;
                width: 100%;
                height: .875rem;
                font-family: SourceHanSansCN;
                font-weight: bold;
                font-size: .875rem;
                color: #333333;
                line-height: .875rem;
            }

            .word_down {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-evenly;
                align-items: center;
                margin-top: .625rem;
                box-sizing: border-box;
                padding: 0 1.875rem;
                .word_downs {
                    padding-bottom: .9375rem;
                    width: 45%;
                    box-sizing: border-box;
                    padding: 0 1.875rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 1.25rem;
                    // background: #f1eaea;
                    .left_down {
                       
                        width: 3.75rem;
                        height: 3.75rem;
                        // background-color: #0B77E5;
                        img{
                            width: 3.75rem;
                        }
                    }

                    .right_down {
                        width: 100%;
                        height: 100%;
                        box-sizing: border-box;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        align-items: flex-start;
                        padding-left: .625rem;
                        h6 {
                            width: 100%;
                            font-family: SourceHanSansCN;
                            font-weight: 400;
                            font-size: .875rem;
                            color: #333333;
                            
                        }

                        p {
                            width: 100%;

                            font-family: SourceHanSansCN;
                            font-weight: 400;
                            font-size: .75rem;
                            color: #666666;
                            margin: .3125rem 0;
                           
                        }

                        .right_down_icon{
                            width: 100%;
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                        }
                        span {
                            width: 100%;
                            font-family: SourceHanSansCN;
                            font-weight: 400;
                            font-size: .75rem;
                            color: #0B77E5;
                        }

                        img {
                            width: .5rem;
                            height: .5625rem;
                            margin-right: .3125rem;
                        }
                    }
                }
                // .word_downs:nth-child(3n){
                    
                // }
            }
        }
    }
}